html, body{
	height: 100%;
	margin: 0;/*外边距属性*/
}


/* 头 */
#head{
	height: 10%;
	min-height: 60px;/*可以比指定值高，但不能比起矮，不固定*/
	min-width: 1250px;/* 最小宽度 */
	#background-color: paleturquoise;
}
/* 头 左 */
#head-left{
	height: 60px;
	width: 500px;
	float: left;/*浮动，定义元素的浮动方向*/
	padding-left: 24px;/*左内边距值*/
	#background-color: papayawhip;
}
/* 头 左 a标签 */
#head-left>a{
	margin-top: 19px;/*上边距*/
	margin-right: 31px;
	/* 加display属性  外上边距生效 */
	display: inline-block;/*用来规定应该生成框的属性，控制标签是否显示行内标签还是行外标签，显示还是隐藏*/
	font: 13px/23px Arial,sans-serif;/*字体属性*/
	color: #222222;
	/* 去除下划线 */
	text-decoration: none;/*设置文字装饰线，无任何装饰线会去除a标签之间的空格*/
	float: left;
}
/* 添加伪类 ，用于向某些选择器添加特殊效果*/
#head-left a:hover{
	color: #4e6ef2;
}
#head-left-more{
	margin: 19px 31px 0px 0px;
	display: inline-block;
	position: relative; /* 相对定位 */
	
}
#head-left-more a{
	display: inline-block;
	font: 13px/23px Arial,sans-serif;
	color: #222222;
	/* 去除下划线 */
	text-decoration: none;
	/* 去除a标签之间的空格 */
	float: left;
	padding-bottom: 19px;/**/
}
/* 隐藏div */
#hide-div{
	position: absolute;
    top: 29px;
    right: -12px;
    width: 304px;
    height: 223px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
    border-radius: 12px;
    text-align: center;
    display: none; /* 隐藏 */
}
#hide-div img{
	height: 190px;
	width: 260px;
	margin-top: 20px;
}

/*
 为父标签设置伪类, 控制字标签
 * */
#head-left-more:hover #hide-div{
	display: block;
}
/* 头 右 */
#head-right{
	height: 60px;
	width: 162px;
	float: right;
	#background-color: papayawhip;
}


/* 身体 */
#body{
	height: 80%;
	min-height: 462px;
	width: 658px;
	/* 设置外边距实现水平居中  0  auto */
	margin: 0 auto;
	text-align: center;
	#background-color: pink;
}
/* baidu logo */
#body img{
	height: 129px;
	width: 270px;
	margin-top: -19px;
	margin-bottom: 11px;
}
/* 搜索 */
#search{
	height: 44px;
	width: 654px;
	margin: 0 auto;
	#background-color: aliceblue;
}
/* 搜索 input框 div*/
#search-input{
	height: 44px;
	width: 546px;
	float: left;
	#background-color: plum;
}
/* 搜索 input框 */
#search-input input{
	height: 16px;
	width: 443px;
	border: 2px solid #c4c7ce;
	padding: 12px 87px 12px 16px;
	border-radius: 10px 0 0 10px;
	#border-right-color: #4e6ef2;
	border-right: 0px;
	font-size: 16px;
}
/* 搜索 input框  添加伪类, 鼠标悬停*/
#search-input input:hover{
	border-color: #a7aab5;
	border-right-color: #4e6ef2;
}
/* 搜索 input框  添加伪类, 获得焦点*/
#search-input input:focus{
	/* 去掉默认的黑框 */
	outline: none;
	border-color: #4e6ef2;
}

/* 搜索 input按钮 div */
#search-btn{
	height: 44px;
	width: 108px;
	float: right;
	#background-color: palevioletred;
}
/* 搜索 input按钮 */
#search-btn input{
	height: 44px;
	width: 108px;
	border: 0; /* 去掉默认的边框 */
	border-radius: 0 10px 10px 0;
	background-color: #4e6ef2;
	font-size: 17px;
	color: #FFFFFF;
}
/* 搜索 input按钮 添加伪类, 鼠标悬停 */
#search-btn input:hover{
	background-color: #4662d9;
}

/* 百度热搜 */
#hot{
	height: 24px;
	width: 654px;
	margin-top: 45px;
	#background-color: pink;
}
#hot-left{
	height: 24px;
	width: 173px;
	#background-color: paleturquoise;
	float: left;
	text-align: left;
}
#hot-left a{
	text-decoration: none;
	font-size: 15.5px;
	font-family: cIconfont;
	font-style: normal;
	color: #222222;
	font-weight: bold;
}
#hot-right{
	height: 16px;
	width: 100px;
	#background-color: plum;
	float: right;
	text-align: right;
}
#hot-right a{
    color: #626675;
    font: 14px/14px Arial,sans-serif;
}
#hot-ul{
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
#hot-ul li{
	height: 36px;
	width: 306px;
	float: left;
}
.left-li{
	margin-right: 20px;
}
.right-li{
	margin-left: 20px;
}
.font{
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: rgb(34, 34, 34);
	margin-left: 4px;
}
.font:hover{
	color: #4E6EF2;
	/* 展示下划线 */
	text-decoration: underline;
}
.num{
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #9195a3;
}

/* 脚 */
#foot{
	height: 10%;
	min-height: 60px;
	min-width: 1250px;
	#background-color: plum;
}
#foot-div{
	width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 39px;
    padding-top: 1px;
    margin: 0;
    line-height: 39px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 3px;
    margin-left: 23px;
}
.lh{
	display: inline;
    margin-right: 15px;
}
.text-color{
	font-size: 12px;
	text-decoration: none;
	color: #bbb;
}

#foot-div a:hover{
	color: #222222;
}



